<!--
 * @Description: 事件
 * @Author: rendc
 * @Date: 2021-09-10 10:05:10
 * @LastEditors: rendc
 * @LastEditTime: 2021-09-10 10:28:29
-->
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>事件</title>
  <script src="../js/jquery.js"></script>
</head>

<body>
  <div>点我把我隐藏掉</div>
  <p id="p1">
    段落1
  </p>
  请输入你要提现的金额：<input type="text">
</body>
<script>
  // $("div").click(
  //   function () {
  //     $(this).hide();
  //   }
  // )
  $("div").dblclick(
    function () {
      $(this).hide();
    }
  )
  // $("#p1").mouseenter(
  //   function () {
  //     console.log("光标移动到了p1元素上");
  //   }
  // )
  // $("#p1").mouseleave(
  //   function () {
  //     console.log("再见，p1元素欢迎您下次再来");
  //   }
  // )
  $("#p1").mousedown(
    function () {
      console.log("鼠标按下");
    }
  )
  $("#p1").mouseup(
    function () {
      console.log("鼠标松开");
    }
  )
  // 两个参数 第一个是光标移入的回调函数 第二个是光标移除的回调函数
  $("#p1").hover(
    function () {
      console.log("光标移入");
    },
    function () {
      console.log("光标移出");
    }
  )
  // 焦点事件
  $("input").focus(
    function () {
      // $(this).hide();
      $(this).css("background-color", "yellow");
    }
  )
  $("input").blur(
    function () {
      // $(this).hide();
      $(this).css("background-color", "blue");
    }
  )
  $(document).keydown(
    function (event) {
      console.log(event.keyCode)
      if (event.ctrlKey && event.keyCode === 67) {
        alert("请开通会员，再复制")
      }
    }
  )
</script>

</html>